
//屏幕变量
@SCREEN-XS1:480px;
@SCREEN-XS: 768px;
@SCREEN-MD: 990px;

/*颜色*/
@theme-cyan: #00c0d0; //主题青
@theme-cyan-l: #eaf3f4; //主题青淡色，文本框背景色
@theme-cyan-d: #187d91; //主题青暗色
@theme-black: #27262c; //黑，默认文字颜色,可能body也设置
@theme-grey: #858e95; //灰，一般用于字
@theme-grey2: #c0c5c9; //淡灰，可能用于阴影 ，或边框
@theme-grey3: #eee; //淡灰3
@theme-yellow: #fcde63; //主题黄
@theme-orange-l: #fff8eb; //淡黄，用于提示窗口的背景色
@theme-orange: #ffb237; //橙色，用于提示容器的边框？？

/************************************样式************************************/
//详见混入：https://www.jianshu.com/p/8c510a3bc8db
//flex
.flex-jcc(){display:flex;align-items: center;justify-content: center;}
.flex-jcfs(){display:flex;align-items: center;justify-content: flex-start;}
.flex-jcfe(){display:flex;align-items: center;justify-content: flex-end;}
.flex-jcsb(){display:flex;align-items: center;justify-content: space-between;}
.flex-jcsa(){display:flex;align-items: center;justify-content: space-around;}

//圆角
.radius(@p:2px){border-radius: @p;}


//居中定位
.abs-center(){position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.abs-center-x(){position: absolute;left:50%;transform: translateX(-50%);}
.abs-center-y(){position: absolute;top: 50%;transform: translateY(-50%);}

//边框
.border(@place,@px,@color){
	border-@{place}:@px solid @color
}
